使用 Fireworks

创建不相交变换图像

当指针在一个网页对象上方滚动时,不相交变换图像交换另一个网页对象下方的图像。当指针滑过或单击一个触发器图像时,作为响应,在网页的另一个位置中出现一个图像。鼠标滑过的图像被视为触发器;发生更改的图像被视为目标。

与仅使用一个切片的简单变换图像一样,首先必须对触发器、目标切片和交换图像所在的帧进行设置。然后,可以使用一条行为线将触发器链接到目标切片。

注:不相交变换图像的触发器不一定必须是切片。热点和按钮也具有可用于创建不相交变换图像的行为手柄。有关热点的更多信息,请参阅创建热点。有关按钮的更多信息,请参阅创建按钮元件

若要将不相交变换图像附加到所选图像:

1. 选择“编辑”>“插入”>“矩形切片”或“热点”,将切片或热点附加到触发器图像。

注:如果所选对象是按钮,或者如果切片或热点已经覆盖图像,则无需执行此步骤。

2. 单击“帧”面板中的“新建/重置帧”按钮创建一个新帧。

3. 在画布上所需位置的新帧中再放置一个用作目标的图像。可将该图像放在任何位置(除了在步骤 1 创建的切片下方以外)。

4. 选择图像,然后选择“编辑”>“插入”>“矩形切片”将切片附加到图像。

5. 在“帧”面板中选择“帧1”返回到包含原始图像的帧。

6. 选择覆盖触发器区域(原始图像)的切片、热点或按钮,然后将指针放在行为手柄上。指针随即变为手形。

7. 将触发器切片或热点的行为手柄拖到在步骤 4 中创建的目标切片。

行为线从触发器中心延伸到目标切片左上角,同时打开“交换图像”对话框。

8. 从“交换图像”弹出菜单中,选择在步骤 2 中创建的帧,然后单击“确定”。

9. 单击“预览”按钮以预览和测试不相交变换图像。